/* chart-adv */
.chart-adv { overflow: hidden; border-radius: 2px; position: relative; }
.chart-adv .bg { position: absolute; left: 0; right: 0; }
.chart-adv .bg .tit { padding: 0 20px; background-color: #fff; }
.chart-adv .bg .tit .name { line-height: 24px; height: 24px; overflow: hidden; }
.chart-adv .bg .tit .name span { color: #bbb; }
.chart-adv .bg .tit .tip { color: #999; height: 20px; overflow: hidden; }
.chart-adv .bg .all { padding: 0 15px; background-color: #fff; text-align: center; }
.chart-adv .bg .all h3 { color: #333; line-height: 30px; height: 30px; overflow: hidden; }
.chart-adv .bg .all .tip { color: #bbb; }
.chart-adv .bg .tel { color: #333; }
	/**/
.line1 { width: 3px; height: 12px; background-color: #ec3b3b; }
.line2 { width: 12px; height: 3px; background-color: #ec3b3b; }


/* chart240x240 */
.chart240x240 .chart-adv, .chart240x240 .chart-no { float: left; width: 240px; height: 240px; }
.chart190x280 .chart-adv, .chart190x280 .chart-no { float: left; width: 180px; height: 280px; margin-right: 13px; }
.chart175x300 .chart-adv, .chart175x300 .chart-no { float: left; width: 175px; height: 300px; }
.chart250x350 .chart-adv { float: left; width: 250px; height: 350px; }
.chart250x350 .chart-no { float: left; width: 250px; height: 350px; }
.chart190x300 .chart-adv, .chart190x300 .chart-no  { float: left; width: 190px; height: 300px; margin-right: 12px; }


/* chart1 */
.chart1 .bg { top: 180px; }
.chart1 .bg .tit { height: 60px; }
.chart1 .bg .tit .name { padding-top: 5px; }
.chart1 .bg .tit .tip { margin-top: 2px; }
.chart1 .bg .all { height: 240px; padding: 0 20px; background: url('../../images/2018/chartlet_v3/bg-240x240.jpg') no-repeat; text-align: center; }
.chart1 .bg .all h3 { font-size: 24px; font-weight: 600; padding-top: 35px; }
.chart1 .bg .all .tip { font-size: 12px; margin: 3px 0 6px; }
.chart1 .bg .all .tel { font-size: 16px; }
.chart1 .bg .all .i-char9 { display: block; margin: 30px auto 16px; }
.chart1 .bg .all .tag { line-height: 24px; height: 24px; overflow: hidden; }
.chart1 .bg .all .tag span { font-size: 18px; color: #333; margin: 0 5px; }


/* chart2 */
.chart2 .lawyer { display: block; width: 190px; height: 280px; }
.chart2 .lawyer img { display: block; width: 190px; height: 190px; }
.chart2 .bg { top: 190px; }
.chart2 .bg .tit { height: 90px; }
.chart2 .bg .tit .name { padding-top: 16px; }
.chart2 .bg .tit .tel { margin-top: 7px; }
.chart2 .bg .tit .tel .line1 { float: left; margin: 4px 10px 0 0; }
.chart2 .bg .all { height: 280px; }
.chart2 .bg .all h3 { padding-top: 25px; }
.chart2 .bg .all .line2 { display: block; margin: 4px auto 6px; }
.chart2 .bg .all .inf { color: #333; height: 60px; overflow: hidden; margin: 23px 0 16px; }
.chart2 .bg .all .xy { font-size: 12px; color: #bbb; }
.chart2 .btn { position: absolute; left: 50%; bottom: 20px; margin-left: -50px; width: 100px; height: 28px; line-height: 28px; display: none; }


/* chart3 */
.chart3 img { height: 175px; }
.chart3 .bg { height: 180px; bottom: -55px; }
.chart3 .bg .all { height: 280px; }
.chart3 .bg .all h3 { padding-top: 15px; }
.chart3 .bg .all .tag { line-height: 24px; height: 24px; overflow: hidden; }
.chart3 .bg .all .tag span { margin: 0 5px; }
.chart3 .bg .all .tel { margin: 10px 0 18px; }
.chart3 .btn { position: absolute; left: 50%; bottom: 30px; margin-left: -50px; width: 100px; display: none; }


/* chart4 */
.chart4 .lawyer { display: block; width: 230px; height: 230px; padding: 10px 10px 110px; }
.chart4 .lawyer img { display: block; width: 230px; height: 230px; }
.chart4 .bg .tit { height: 110px; padding: 0 10px; }
.chart4 .bg .tit .name { padding-top: 15px; }
.chart4 .bg .tit .tel { margin-top: 2px; }
.chart4 .bg .tit .tel .line1 { float: left; margin: 4px 10px 0 0; }
.chart4 .bg .tit .tag { line-height: 24px; height: 24px; overflow: hidden; margin-top: 11px; }
.chart4 .bg .tit .tag span { margin-right: 10px; }
.chart4 .bg .all { height: 350px; }
.chart4 .bg .all h3 { padding-top: 33px; }
.chart4 .bg .all .tip { margin-top: 3px; }
.chart4 .bg .all .tel { font-size: 20px; margin: 33px 0 17px; }
.chart4 .bg .all .txt { position: relative; padding-left: 24px; height: 80px; overflow: hidden; }
.chart4 .bg .all .txt .i-char7 { position: absolute; left: 0; top: 4px; }
.chart4 .bg .all .xy { font-size: 12px; color: #bbb; padding-left: 10px; margin-bottom: 6px; margin-top: 27px; }
.chart4 .btn { 
	position: absolute; left: 20px; bottom: 30px; display: none;
	width: 90px; height: 28px; line-height: 28px; border-radius: 14px; font-size: 12px; 
}


/* chart5 */
.chart5 img { display: block; width: 190px; height: 190px; }
.chart5 .bg .tit { height: 110px; padding: 0 10px; }
.chart5 .bg .tit .name { padding-top: 15px; }
.chart5 .bg .tit .tel { margin-top: 7px; }
.chart5 .bg .tit .tel .line1 { float: left; margin: 4px 10px 0 0; }
.chart5 .bg .tit .tag { line-height: 24px; height: 24px; overflow: hidden; margin-top: 6px; }
.chart5 .bg .tit .tag span { margin-right: 10px; }
.chart5 .bg .all { height: 300px; }
.chart5 .bg .all h3 { padding-top: 25px; }
.chart5 .bg .all .line2 { display: block; margin: 4px auto 6px; }
.chart5 .bg .all .inf { height: 80px; overflow: hidden; margin: 23px 0 16px; }
.chart5 .bg .all .xy { font-size: 12px; color: #bbb; }
.chart5 .bg .all .btn { display: block; width: 100px; height: 28px; line-height: 28px; margin: 6px auto 0; }


/* chart-no */
.chart-no { 
	background: url('../../images/2018/chartlet_v3/bg-190x280.jpg') no-repeat; background-size: cover; 
	font-family: 'Microsoft YaHei'; font-family: 'HeitiStd'; text-align: center;
}
.chart-no .center-body { padding-left: 10px; padding-right: 10px; }
.chart-no .center-body .f30 { font-size: 30px; line-height: 40px; }
.chart-no .center-body .f18 { font-size: 18px; line-height: 24px; margin-top: 7px; }


/* 290x72 广告 (根据旧版改变，暂用) */
.char-h72 .leaflet { width: 290px; height: 72px; }
.char-h72 .leaflet .leaf-info { width: 290px; height: 72px; }
.char-h72 .leaflet .leaf-pop { top: 72px; height: 72px; padding: 0; }
.char-h72 .leaflet .photo { width: 60px; height: 60px; border-radius: 50%; margin: 6px 10px; }
.char-h72 .leaflet .ovh { height: 24px; line-height: 24px; color: #bbb; padding: 13px 10px 0 0; }
.char-h72 .leaflet .ovh .f16 { font-weight: 600; color: #333; }
.char-h72 .leaflet .i-line { display: inline-block; margin-right: 10px; width: 3px; height: 12px; line-height: 0; background-color: #ec3b3b; overflow: hidden; } 
	/**/
.char-h72 .h72-bg-a { background: url('../../images/2018/chartlet_v3/bg-290x72a.jpg') no-repeat; background-size: cover; }
.char-h72 .leaflet-nine .ovh .f14 { font-family: 'heiti-std'; }
.char-h72 .leaflet-nine .tel { padding-right: 15px; height: 24px; line-height: 24px; }
.char-h72 .leaflet-nine .speciality { padding-top: 10px; }
.char-h72 .leaflet-current .leaf-pop { top: 0; }
	/**/
.char-h72 .h72-bg-b { background: url('../../images/2018/chartlet_v3/bg-290x72b.jpg') no-repeat; background-size: cover; }
.char-h72 .h72-bg-b .photo { float: right; }
.char-h72 .h72-bg-b .ovh { padding-left: 20px; color: #333; }
.char-h72 .h72-bg-b .describe { padding-left: 20px; font-family: 'heiti-std'; }
.char-h72 .h72-bg-b .tel .i-lef1 { margin-bottom: 8px; }
	/**/
.char-h72 .h72-bg-c{ background: url('../../images/2018/chartlet_v3/bg-290x72c.jpg') no-repeat; background-size: cover; }
.char-h72 .h72-bg-c .tel { padding: 21px 20px 0 10px; }
.char-h72 .h72-bg-c .name { padding-left: 20px; line-height: 30px; margin-top: 19px; }
	/**/
.char-h72-no { display: block; height: 72px; box-shadow: 0 0 20px rgba(0,0,0, .1); font-size: 16px; text-align: center; line-height: 72px; }
.char-h72-no.h72-bg-a { background: url('../../images/2018/chartlet_v3/no-bg/290x72/bg-h72a.jpg') no-repeat; background-size: cover; }
.char-h72-no.h72-bg-b { background: url('../../images/2018/chartlet_v3/no-bg/290x72/bg-h72b.jpg') no-repeat; background-size: cover; }
.char-h72-no.h72-bg-c { background: url('../../images/2018/chartlet_v3/no-bg/290x72/bg-h72c.jpg') no-repeat; background-size: cover; }





/* 2018-09-29  #3771 首页优化迭代  双链接 */

/* chart240x300 */
.chart240x300 .chart-adv, .chart240x300 .chart-no { float: left; width: 240px; height: 300px; }
.chart240x300 .img-block img { height: 240px; }
.line2 { width: 20px; height: 2px; }

/* chart1 */
.chart1 .bg { top: auto; bottom: -132px; }
.chart1 .bg .all { height: 132px; text-align: left; background: #fff; }
.chart1 .bg .all h3 { padding-top: 13px; }
.chart1 .bg .all .tip { font-size: 14px; margin: 2px 0 4px; }
.chart1 .bg .all .tel .ico-char { margin-right: 5px; }
.chart1 .bg .all .hint { font-size: 12px; color: #999; height: 16px; line-height: 16px; overflow: hidden; margin-top: 13px; }
.chart1 .bg .all .hint .line { float: left; width: 2px; height: 11px; background-color: #ec3b3b; margin: 3px 5px 0 0; }

/* chart2*/
.chart2 .bg .all { height: 177px; }
.chart2 .bg .all h3 { padding-top: 9px; }
.chart2 .bg .all .tip { font-size: 12px; line-height: 14px; height: 14px; }
.chart2 .bg .all .line2 { margin-top: 7px; }
.chart2 .bg .all .inf { font-size: 12px; height: 40px; margin: 5px 0; }
.chart2 .btn { bottom: 10px; }

/* chart4*/
.chart4 .bg .all { height: 201px; }
.chart4 .bg .all h3 { padding-top: 10px; }
.chart4 .bg .all .tip { line-height: 18px; height: 18px; margin-top: 0; }
.chart4 .bg .all .tel { margin: 10px 0 20px; }
.chart4 .bg .all .txt { height: 40px; padding-left: 0; }
.chart4 .btn { left: 50%; bottom: 10px; margin-left: -45px; }

/* chart5 */
.chart5 .bg .all { height: 170px; }
.chart5 .bg .all h3 { padding-top: 5px; }
.chart5 .bg .all .tip { height: 18px; line-height: 18px; }
.chart5 .bg .all .inf { font-size: 12px; line-height: 18px; height: 36px; margin: 7px 0 0; }
.chart5 .btn { 
	position: absolute; left: 50%; bottom: 8px; margin-left: -45px; 
	width: 90px; height: 28px; line-height: 28px; display: none; 
}

/* 2020-02-06  #9719 首页在线律师广告优化 */
/* chart224x300 */
.chart224x300 .chart-adv, .chart224x300 .chart-no { float: left; width: 224px; height: 300px; }
.chart224x300 .img-block img { height: 224px; }
.chart224x300 .chart-no { 
	height: 170px; padding-top: 130px; color: #333;
	background-color: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0, .1); border-radius: 2px; 
}
.chart224x300 .chart1 .bg .tit { height: 76px; }
.chart224x300 .chart1 .bg .tit .name { padding-top: 15px; }